<!doctype html>
<html lang="en">
  <head>
    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="./css/bootstrap.min.css" rel="stylesheet" media="screen">
    <link rel="stylesheet" href="./css/bootstrap-datetimepicker.min.css">
    <link rel="stylesheet" href="./css/common.css">
    <link rel="stylesheet" href="./css/index.css">
    <title>考生管理</title>
    <style type="text/css">
      .exam-info{
        height: 40px;
        margin-bottom: 20px;
        line-height: 40px;
        font-size: 16px; 
        padding-left: 60px ;
        position: relative;
      }
      .exam-info .return-div{
        position: absolute;
        top: 0;
        left: 0;
        height: 40px;
        width: 40px;
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
        background-image: url(img/return-icon.png);
      }
      .exam-info .exam-name,.exam-info .exam-status{
        font-size: 28px;
      }
      .t-item2{width: 170px;}
      .t-item3{width: 220px;}
      .t-item4{width: 130px;}
      .t-item5{width: 220px;}
      .t-item8{width: 185px;}
      .lineH40{line-height: 40px;height: 40px;}
    </style>
  </head>
  <body>
    <div class="header">
      <div class="container">
        <div class="header">
          <div class="float-left header-title">叫号管理</div>
          <div class="float-right user-info">
            <div class="btn-group ml20 center-btn-group">
              <a href="user-center.html" class="header-a" data-toggle="dropdown">
                <div class="user-cover"><img src="img/teacher-img-default.png" class="auto-img"></div>
                <div class="user-name"></div>
              </a>
              <ul class="dropdown-menu center-dropdown-menu">
                <!-- dropdown menu links -->
                <li><a href="user-center.html" target="_blank">个人中心</a></li>
                <li id="logout"><a href="javascript:void(0)">退出登录</a></li>
              </ul>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div>
    <div class="container body-container">
      <div class="exam-info">
        <div class="return-div"></div>
        <span class="exam-name"></span><span class="exam-status"></span>
        <span class="exam-time ml20">
          <span class="begin-time"></span>
          ~
          <span class="end-time"></span>
        </span>
      </div>
      <div class="row">
        <div class="span12 oprbtn-con">
          <form class="form-inline search-form">
            <input type="text" name="search_student_name" id="search_student_name" placeholder="考生姓名" value="">
            <input class="ml20" type="text" name="search_student_number" id="search_student_number" placeholder="考生准考证号" value="">
            <button class="btn btn-info ml20" id="stu_search">搜索</button>
          </form>
        </div>
      </div>
      <div class="has-table hide">
        <div class="container mt20">
          <table class="exam-table" cellspacing="0" cellpadding="0">  
            <tr>
              <th class="t-item1"></th>
              <th class="t-item2">考生姓名</th>
              <th class="t-item3">考号</th>
              <th class="t-item4">性别</th>
              <th class="t-item5">考生状态</th>
              <th class="t-item8">操作</th>
            </tr>
          </table>
        </div>
        <div class="pagination pagination-centered">
          <ul>
             <li id="previous_page"><a><<</a></li>
            <li id="next_page"><a>>></a></li>
          </ul>
        </div>
      </div>  
      <div class="hasnot-table hide">
      <div class="center">没有待叫号的考生</div>
    </div>    
    </div>
    <!-- clone area -->
    <table class="hide">
      <tr class="clone-stutr">
        <td class="t-item1 stu-checkbox"><input type="checkbox"></td>
        <td class="t-item2 stu-name"></td>
        <td class="t-item3 stu-number"></td>
        <td class="t-item4 stu-sex"></td>
        <td class="t-item5 stu-status"></td>
        <td class="t-item8">
          <div class="clear-fix">
            <button class="btn btn-primary sure-entrance">确认入场</button>
          </div>
        </td>
      </tr>
    </table>
    <div class="loading hide">
      <div class="loading-text">加载中...</div>
    </div>
    <!-- Optional JavaScript -->
    <!-- jQuery first, then Popper.js, then Bootstrap JS -->
    <script src="./js/jquery.min.js"></script>
    <script src="./js/bootstrap.min.js"></script>
    <script src="./js/common.js"></script>
    <script src="./js/call-stu.js"></script>
  </body>
</html>